import { createApp } from 'vue'
import { createPinia } from 'pinia'
// import有多种导入情况
// 带大括号时为解构赋值,从对应文件中解构出指定对象,import后的变量名必须与其对应
// 导入组件时,是将该组件封装为一个对象,import后的变量名只是对该对象的引用,变量名不需要与其对应
import App from './App.vue'
import router from './router'
import globalComponent from '@/components'

import ElementPlus from 'element-plus'
import 'element-plus/dist/index.css'
import { zhCn } from 'element-plus/es/locales.mjs'
import 'virtual:svg-icons-register'
import '@/styles/index.scss'

const app = createApp(App)

// app.use(plugin, options) 
// 安装一个插件(调用该插件的install方法或一个安装函数)
// plugin为插件对象,options为选项配置

app.use(ElementPlus, {
    locale: zhCn // element-plus支持国际化,该配置对象设置语言为中文
})
app.use(createPinia())
app.use(router)
app.use(globalComponent)

app.mount('#app')
